<div class="shelf h100 y-scroll">
  <div class="shelf__top">
    <div class="shelf__switch"></div>
    <a href="/search"> <div class="shelf-search">输入书名/作者/关键字</div> </a>
  </div>
  <ul class="book-list">
    <li>
      <div class="u-book">
        <a href="/book?id=18218">
          <div class="book-cover">
            <img
              src="http://cover.read.duokan.com/mfsv2/download/fdsc3/p01TQfpyV6px/06EirDzmjj8zuK.jpg"
              alt="老九门"
            />
          </div>
        </a>
        <div class="info">
          <h3 class="title">老九门</h3>
          <p class="author"><span class="author">战无极</span></p>
          <div class="wrap"><p>最新：《后记》</p></div>
        </div>
      </div>
    </li>
    <li>
      <div class="u-book">
        <a>
          <div class="book-cover">
            <img
              src="http://cover.read.duokan.com/mfsv2/download/fdsc3/p01TQfpyV6px/06EirDzmjj8zuK.jpg"
              alt="老九门"
            />
          </div>
        </a>
        <div class="info">
          <h3 class="title">老九门</h3>
          <p class="author"><span class="author"></span></p>
          <div class="wrap"><p>最新：《后记》</p></div>
        </div>
      </div>
    </li>
    <li>
      <div class="u-book">
        <a>
          <div class="book-cover">
            <img
              src="http://cover.read.duokan.com/mfsv2/download/fdsc3/p01TQfpyV6px/06EirDzmjj8zuK.jpg"
              alt="老九门"
            />
          </div>
        </a>
        <div class="info">
          <h3 class="title">老九门</h3>
          <p class="author"><span class="author"></span></p>
          <div class="wrap"><p>最新：《后记》</p></div>
        </div>
      </div>
    </li>
    <li>
      <div class="u-book">
        <a>
          <div class="book-cover">
            <img
              src="http://cover.read.duokan.com/mfsv2/download/fdsc3/p01TQfpyV6px/06EirDzmjj8zuK.jpg"
              alt="老九门"
            />
          </div>
        </a>
        <div class="info">
          <h3 class="title">老九门</h3>
          <p class="author"><span class="author"></span></p>
          <div class="wrap"><p>最新：《后记》</p></div>
        </div>
      </div>
    </li>
    <li>
      <div class="u-book">
        <a>
          <div class="book-cover">
            <img
              src="http://cover.read.duokan.com/mfsv2/download/fdsc3/p01TQfpyV6px/06EirDzmjj8zuK.jpg"
              alt="老九门"
            />
          </div>
        </a>
        <div class="info">
          <h3 class="title">老九门</h3>
          <p class="author"><span class="author"></span></p>
          <div class="wrap"><p>最新：《后记》</p></div>
        </div>
      </div>
    </li>
    <li>
      <div class="u-book">
        <a>
          <div class="book-cover">
            <img
              src="http://cover.read.duokan.com/mfsv2/download/fdsc3/p01TQfpyV6px/06EirDzmjj8zuK.jpg"
              alt="老九门"
            />
          </div>
        </a>
        <div class="info">
          <h3 class="title">老九门</h3>
          <p class="author"><span class="author"></span></p>
          <div class="wrap"><p>最新：《后记》</p></div>
        </div>
      </div>
    </li>
    <li>
      <div class="u-book">
        <a>
          <div class="book-cover">
            <img
              src="http://cover.read.duokan.com/mfsv2/download/fdsc3/p01TQfpyV6px/06EirDzmjj8zuK.jpg"
              alt="老九门"
            />
          </div>
        </a>
        <div class="info">
          <h3 class="title">老九门</h3>
          <p class="author"><span class="author"></span></p>
          <div class="wrap"><p>最新：《后记》</p></div>
        </div>
      </div>
    </li>
  </ul>
</div>
